.g-header{
  .hd-select-wrap{
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 40rpx;
    .icon-xiajiantou{
      width: 20rpx;
      height: 20rpx;
      border-radius: 50%;
      border: 2rpx solid #ffffff;
      font-size: 16rpx;
      text-align: center;
      line-height: 20rpx;
      margin-left: 10rpx;
      transition: all 0.3s;
      &.down{
        transform: rotate(180deg);
      }
    }
  }
}

.g-main{
  overflow: auto;
  .g-ul{
    padding: 0 20rpx;
    background: #ffffff;
    margin-top: 20rpx;
    .g-li{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      &.border-top{
        border-top: 2rpx solid #bbbbbb;
      }
      .g-label{
        font-size: 24rpx;
        color: #333333;
        &.required{
          &:before{
            content: '*';
            color: #fd0000;
          }
        }
        & > i{
          margin-right: 10rpx;
        }
      }
      .g-textarea{
        width: 100%;
        height: 180rpx;
        padding: 10rpx;
        & > textarea{
          width: 100%;
          height: 100%;
        }
      }
      .g-input{
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 96rpx;
        position: relative;
        padding-right: 30rpx;
        & > input{
          flex: 1;
          text-align: right;
        }
        & > i{
          height: 100%;
          display: flex;
          align-items: center;
          position: absolute;
          padding-right: 20rpx;
          right: -20rpx;
          &.hide{
            display: none !important;
          }
        }
      }


    }
    .g-file{
      display: flex;
      flex-wrap: wrap;
      //padding: 20rpx 0 10rpx;
      .file-wrap{
        display: flex;
        align-items: center;
        height: 90rpx;
        .file{
          display: flex;
          align-items: center;
          width: fit-content;
          min-width: fit-content;
          height: 56rpx;
          margin: 0 16rpx;
          border: 2rpx solid #CCCCCC;
          border-radius: 6rpx;
          font-size: 26rpx;
          .icon-file1{
            font-size: 44rpx;
            color: #ffe36c;
          }
          .icon{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 48rpx;
            height: 100%;
            font-size: 32rpx;
          }
        }
      }
      .img-wrap{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 96rpx;
        height: 90rpx;
        .img{
          width: 64rpx;
          height: 64rpx;
        }
        .icon{
          position: absolute;
          top: -10rpx;
          left: 100%;
          transform: translate(-100%, 0%);
          font-size: 36rpx;
          color: gray;
          opacity: 0.8;
        }
      }

    }
  }
  .g-buttons{
    display: flex;
    justify-content: space-between;
    height: 84rpx;
    padding:  0 20rpx;
    background: #ffffff;
    margin-top: 4rpx;
    .btn-left{
      display: flex;
      .btn-wrap{
        padding: 20rpx;
        font-weight: bold;
      }
    }
    .btn-right{
      display: flex;
      align-items: center;
      font-size: 24rpx;
      &.active{
        color: #0251FF;
      }
      & > text{
        margin-left: 10rpx;
      }
    }
  }
}


.g-footer{
  padding: 20rpx;
  display: flex;
  .btn{
    width: 100%;
    color: #ffffff;
    background: #2882FE;
    -webkit-border-radius: 10rpx;
    -moz-border-radius: 10rpx;
    border-radius: 10rpx;
    text-align: center;
    height: 86rpx;
    line-height: 86rpx;
    & + .btn{
      margin-left: 20rpx;
    }
    &:active{
      background: #2876ec;
    }
    &.btn-white{
      background: #ffffff;
      color: #0251FF;
      &:active{
        background: #ffffff;
      }
    }
    &.btn-grey{
      background: #b0b0b0;
      &:active{
        background: #979797;
      }
    }
    &.btn-green{
      background: #01C257;
      &:active{
        background: #01ad51;
      }
    }
  }
}
